<template>
  <div>
     <MyDialog>
      <h3>用户名写错了</h3>
     </MyDialog>
     <MyDialog>
      <h3 style="color:red">密码写错了</h3>
     </MyDialog>
     <MyDialog></MyDialog>
     <MyDialog>
        <template v-slot:title>
          <h2>标题</h2>
        </template>
        <template v-slot:content>
          <h2>用户名写错了</h2>
        </template>
     </MyDialog>
     <MyDialog>
        <template #title>你好</template>
        <template #content>世界</template>
     </MyDialog>
      <MyDialog>
        <template #title>你好</template>
        <template #content="obj">{{obj.a}}</template>
        14324
     </MyDialog>
     <MyDialog>
        <template #title>你好</template>
        <template #content>世界</template>
        <template #default>12324</template>
     </MyDialog>
   </div>
</template>
 
<script>
import MyDialog from "./components/MyDialog.vue"
export default {
  name: "App",
  components: {
    MyDialog
  },
  props: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
};
</script>

<style scoped>
     
</style>